<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>form_table.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body bgcolor="#e3e3e3">
		<h2 align="center">综合展现HTML标记</h2>
		<hr align="center" size="2" width="300">
		<center>
		<font size="4">下面展示表单的应用</font>
		<form action="" method="post">
		<table>
			<tr>
				<td>姓名：</td>
				<td>
					<input type="text" maxlength="20" size="20" name="username">
				</td>	
			</tr>
			<tr>
				<td>密码：</td>
				<td>
					<input type="password" name="pwd" size="21">
				</td>	
			</tr>
			<tr>
				<td>性别：</td>
				<td>
					<input name="sex" type="radio" checked="true">男
				   	<input name="sex" type="radio" >女
				</td>	
			</tr>
			<tr>
				<td>水果</td>
				<td>
					<input name="fruit" type="checkbox" checked="true">苹果
				    	<input name="fruit" type="checkbox">香蕉
				    	<input name="fruit" type="checkbox">橘子
				</td>	
			</tr>
			<tr>
				<td>备注：</td>
				<td>
					<textarea rows="3" cols="20">滚动文本框</textarea>
				</td>	
			</tr>
			<tr>
				<td>专业：</td>
				<td>
					<select name="zy" size="1">
					<option value="计算机">计算机</option>
					<option value="英语">英语</option>
					<option value="数学">数学</option>
					</select>
				</td>	
			</tr>
			<tr>
				<td>课程：</td>
				<td>
					<select name="kc" size="3" mutiple>
					<option value="计算机导论">计算机导论</option>
					<option value="数据结构">数据结构</option>
					<option value="软件工程">软件工程</option>
					<option value="高等数学">高等数学</option>
					<option value="离散数学">离散数学</option>
					</select>
				</td>	
			</tr>
			<tr>
				<td><input type="submit" value="提交"/></td>
				<td><input type="reset" value="重置"/></td>	
			</tr>
		</table>
		</form>
		</center>

	</body>
</html>
